Scriptia. Javascript y buenas prácticas en español

jQuery 1.2

El equipo de desarrollo de jQuery ha publicado la versión 1.2 de la biblioteca. Incorpora algunas novedades que justifican sobradamente el cambio de minor version.

Selectores

Se incorporan :has(), :header y :animated. Desaparecen los selectores XPath (si los necesitas, puedes usar el plugin de compatibilidad con XPath) y, aprovechando la ocasión, la sintaxis para los selectores por atributo usa sintaxis CSS. Así, a[@class=jfgi] se convierte en a[class=jfgi].

Atributos

El método val() ha sido mejorado y ahora permite recuperar el valor de elementos SELECT y marcar y desmarcar checkboxes.

Navegación por el DOM

Nuevos métodos. map() permite la transmutación alquímica de la colección. prevAll() y nextAll() recuperan, respectivamente, los hermanos (siblings) mayores y menores (o anteriores y siguientes, como se prefiera). slice() corta la colección a gusto del consumidor. hasClass('una-clase‘) nos dice si el elemento tiene o no asignada una-clase. andSelf() combina dos colecciones apiladas. contents() recupera los nodos hijos, incluidos los nodos de tipo texto.

Manipulación

Llegan wrapAll() y wrapInner(). clone() trae una gran novedad: usando clone(true) los elementos clonados mantienen los manejadores de eventos del original.

Posición

Aterriza offset(), que nos devuelve las coordenadas de un elemento tomando como origen la esquina superior izquierda del viewport. height() y width() también sirven ahora para obtener el tamaño de la ventana y el documento.

AJAX

Ahora load() permite cargar de modo muy sencillo pedazos de HTML. Usa un selector a continuación de la URL para indicar el filtro: $('#links').load('/Main_Page #p-Getting-Started li'). Con getScript() podemos cargar scripts desde otros dominios, lo que autoriza a getJSON() a utilizar servicios web basados en JSONP. El método serialize() ha sido reescrito para permitir la serialización sencilla de formularios. Se ha incorporado a $.ajax() la opción cache que fuerza el refresco de los datos solicitados.

Efectos

Ya podemos utilizar valores en em o porcentajes en las animaciones. El plugin (oficial) Color Animations permite realizar animaciones de colorines. stop() detiene las animaciones. Llegan stop(), queue(), dequeue(), las animaciones relativas, las personalizadas y otras maravillas.

Eventos

El nuevo método triggerHandler() dispara los manejadores de eventos asignados a un elemento sin activar el comportamiento por defecto del elemento. Llegan los eventos con espacio de nombres.

Todos los detalles en jQuery 1.2: jQuery.extend(”Awesome”).

YUI Compressor comprime tus scripts y tus hojas de estilos

Ya hemos hablado por aquí de cómo comprimir ficheros javascript. Pero aún no está todo dicho. Hoy y aquí, YUI Compressor.

Continúa leyendo YUI Compressor comprime tus scripts y tus hojas de estilos

Novedades en jQuery 1.1.4

La versión 1.1.4 de jQuery, publicada a finales de agosto, incluye, como es costumbre, algunas mejoras en el rendimiento, pero también (y esto no es tan habitual) algunas novedades interesantes que merece la pena conocer.

Continúa leyendo Novedades en jQuery 1.1.4

jQuery 1.1.3: igual de ligera, más rápida

Amigos: ya está aquí la versión 1.1.3 de mi biblioteca favorita. Novedades: mejora en el sistema de eventos, nuevos selectores (y la recuperación de ~= como selector por atributos con valores separados por espacios), mejoras en las animaciones y, chan ta ta chan, mejoras en la velocidad de la selección de nodos de hasta un 800%.

Léanlo todo, amigos míos, en jQuery 1.1.3: 800%+ Faster, still 20KB.

Distribuciones personalizadas de Dojo

Dojo es una librería gorda gorda gorda. Para evitar tener que cargarla completa en cada página, provee el método dojo.require que nos permite cargar las dependencias al vuelo. Pero el exceso de peticiones HTTP puede volverse en nuestra contra. Para aliviar nuestros sufrimientos, los chicos de Dojo facilitan la creación de distribuciones personalizadas de la librería. Velo y créelo: Creating a Custom Distribution.

JavaScript Tools, bundle para TextMate

Si usas TextMate para escribir javascript, este bundle te ayudará a comprobar la sintaxis (usando JavaScript Lint) y minimizar el tamaño de tus archivos (puedes escoger entre JSMin y Dojo’s Compressor): JavaScript Tools TextMate Bundle. Si no usas TextMate, ajo y agua.

Comparativa de compresores de javascript

Dietrich Kappe compara cinco compresores de javascript en Five Javascript Compressors Compared y concluye con un buen consejo: testea los scripts comprimidos en diferentes navegadores.

De cómo comprimir ficheros javascript

Ahora que javascript comienza a perder la fama de lenguaje maldito y las aplicaciones web, repito, aplicaciones web son el pan nuestro de cada día (porque las usamos y porque comemos de ellas), la velocidad de descarga de los ficheros .js debe preocuparnos. Continúa leyendo De cómo comprimir ficheros javascript